<!DOCTYPE html>
<html>
    <head>
        <title>GESPROY v1.0</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.1.min.css">
        <link rel="stylesheet"  href="css/estilo.css">
        <script src="js/static/jquery.js"></script>
        <script src="js/static/jquery.mobile-1.3.1.min.js"></script>
        <script src="js/manejadorbd.js"></script>        
    </head>
    <body>
        <section data-role="page" id="crear" data-theme="b">
            <header data-role="header" data-theme="b" data-position="fixed">
                <a href="#usuarios" data-role="button" data-icon="back" data-iconpos="notext">Volver</a>
                <h1>Crear Empleado</h1>
                <a data-rel="dialog" href="#ajustes" class="ui-btn-right" data-icon="grid" data-iconpos="notext">Ajustes</a>
            </header>            
            <article data-role="content">
                <form id="form_crear">
                    <div data-role="fieldcontain">
                        <label for="txtnombres">Nombre(s):</label> 
                        <input type="text" id="txtnombres" value="" placeholder="Escribe aqu&iacute; nombre(s)" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtapellidos">Apellidos:</label> 
                        <input type="text" id="txtapellidos" value="" placeholder="Escribe aqu&iacute; apellidos" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtusr">Usuario:</label> 
                        <input type="text" id="txtusr" value="" placeholder="Escribe aqu&iacute; nombre de usuario" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtcla">Contraseña:</label> 
                        <input type="password" id="txtcla" value="" placeholder="Escribe aqu&iacute; contraseña" />
                    </div>                    
                    <div data-role="fieldcontain">
                        <label for="txtcorreo">Correo:</label> 
                        <input type="email" id="txtcorreo" value="" placeholder="Escribe aqu&iacute; correo electrónico" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txttel">Teléfono:</label> 
                        <input type="text" id="txttel" value="" placeholder="Escribe aqu&iacute; teléfono" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtdir">Dirección:</label> 
                        <input type="text" id="txtdir" value="" placeholder="Escribe aqu&iacute; dirección" />
                    </div>
                    <input type="button" value="Guardar" id="btnGuardarEmpleado" />
                </form>
            </article>
        </section>        

        <section id="error" data-role="dialog" data-theme="b">
            <header data-role="header" data-theme="b">
                <h1>Error</h1>
            </header>
            <article data-role="content">
                <center>
                    <p>Correo electrónico no existente</p>
                </center>
                <a href="#" data-role="button" data-rel="back" data-theme="b">Aceptar</a>
            </article>
        </section>        
    </body>
</html>
